// define(function(require) {

  import React from 'react';
  import 'less!./svg'

  class GoingdownSetting extends React.Component {
    static propTypes: {
      form: React.PropTypes.object,
      dispatch: React.PropTypes.func,
      data: React.PropTypes.object,
      id: React.PropTypes.string,
      onChange: React.PropTypes.func
    }

    constructor() {
      super()
      this.state = {
        value: 1234567890
      }
    }

    componentDidMount() {
      console.log('componentDidMount GoingdownSetting')
    }

    componentWillReceiveProps(nextProps) {

    }

    render() {

      return (
        <div className="jsx-svg">
          <svg>
            <g onClick={this.handleClick.bind(this)} className="node-group" transform="translate(181,117.60000610351562)">
              <rect className="node-round-rect" x="-50" y="-16" rx="2" ry="2" width="100" height="32">
              </rect>
              <g className="node-text-image" transform="translate(14.1015625,0)">
                <text className="iconfont uy-process-icon" x="-49" y="4">@</text>
                <text className="node-text" x="-26" y="4">数据接入<title>数据接入</title></text>
              </g>
              <g className="surround-circle-group">
                <circle className="node-surround-circle point-in" r="3" cx="-50" cy="0"></circle>
                <circle className="node-surround-circle point-out" r="3" cx="50" cy="0"></circle>
                <circle className="node-surround-circle node-surround-circle-expand point-in" r="9" cx="-50" cy="0"></circle>
                <circle className="node-surround-circle node-surround-circle-expand point-out" r="9" cx="50" cy="0"></circle>
              </g>
            </g>
          </svg>
        </div>
      )
    }

    handleClick() {
      // alert('click')
    }
  }

  export default GoingdownSetting;
// })